.title {
  display: flex;
  border: 1px solid #d9d9d9;

  &-title {
    width: 10%;
    padding: 10px 0;
    text-align: center;
    border-right: 1px solid #d9d9d9;
  }

  &-content {
    width: 90%;
    padding: 10px 0;
    text-align: center;
  }
}

.item {
  display: flex;
  width: 100%;
  border-right: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
  border-left: 1px solid #d9d9d9;
  align-items: center;

  &-title {
    width: 10%;

    // padding: 10px 0;
    text-align: center;
  }

  &-value {
    display: flex;
    width: 90%;
    align-items: center;
    border-left: 1px solid #d9d9d9;

    &-left {
      width: 10%;
      text-align: center;
    }

    &-right {
      width: 90%;

      // padding: 0 10px;
      border-left: 1px solid #d9d9d9;

      &-top {
        display: flex;
        padding: 10px;
        align-items: center;

        &-title {
          width: 90px;
          text-align: right;
        }
      }

      &-bottom {
        padding: 10px;
        border-top: 1px solid #d9d9d9;
      }
    }
  }
}
